<!DOCTYPE html>
<html lang="en">
<head>
    <!--<script type="text/javascript" src="//m.addthis.com/live/red_lojson/300lo.json?si=59a11c7bb46beded&amp;bkl=0&amp;bl=5&amp;pdt=387&amp;sid=59a11c7bb46beded&amp;pub=ra-4ff17589278d8b3a&amp;rev=v7.15.5-wp&amp;ln=zh&amp;pc=men&amp;cb=0&amp;ab=-&amp;dp=codepen.io&amp;fp=EduardL%2Fpen%2FaBGAy%3Flimit%3Dall%26page%3D2%26q%3Dcss&amp;fr=EduardL%2Fpen%2FaBGAy%3Flimit%3Dall%26page%3D2%26q%3Dcss&amp;fcu=WaEce9G-tPY&amp;of=0&amp;pd=0&amp;irt=1&amp;vcl=1&amp;md=0&amp;ct=1&amp;tct=0&amp;abt=1&amp;cdn=0&amp;pi=1&amp;rb=2&amp;gen=100&amp;chr=UTF-8&amp;colc=1503730812003&amp;jsl=0&amp;uvs=59a11c7bab8fc256000&amp;skipb=1&amp;callback=addthis.cbs.oln9_61488621041666370"></script>-->
    <!--<script type="text/javascript" src="//m.addthisedge.com/live/boost/ra-4ff17589278d8b3a/_ate.track.config_resp"></script>-->
    <!--<script src="//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js"></script>-->
    <!--<script src="//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js"></script><script src="//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js"></script>-->
    <meta charset="UTF-8"><meta name="robots" content="noindex">
    <!--<link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico">-->
    <!--<link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111">-->
    <!--<link rel="canonical" href="https://codepen.io/EduardL/pen/aBGAy?limit=all&amp;page=2&amp;q=css">-->
    <link rel="stylesheet" href="../styles/font-awesome/css/font-awesome.min.css">
    <style >
    body
    {
        margin:0px;
        padding:0px;
        font-family: "Open Sans", arial;
        background:url('https://static.tumblr.com/94eb957a00fd03c0c2f7d26decd71578/u1rhacw/osAmyyh1q/tumblr_static_tumblr_static_gaussian_blur_gradient_desktop_1680x943_wallpaper-393751.jpg');
        color:#fff;
        font-weight:300;

    }

    /*@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);*/

    .logo{

    }

    .settings {

        height:73px;
        float:left;
        background:url( https://s3.postimg.org/bqfooag4z/startific.jpg);
        background-repeat:no-repeat;
        width:250px;
        margin:0px;
        text-align: center;
        font-size:20px;
        font-family: 'Strait', sans-serif;

    }
    /* ScrolBar  */
    .scrollbar
    {
        height: 90%;
        width: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .scrollbar:hover
    {
        height: 90%;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* Scrollbar Style */
    #style-1::-webkit-scrollbar-track
    {
        border-radius: 2px;
    }

    #style-1::-webkit-scrollbar
    {
        width: 5px;
        background-color: #F7F7F7;
    }
    #style-1::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #BFBFBF;
    }
    /* Scrollbar End */
    .fa-lg {
        font-size: 1em;

    }
    .fa {
        position: relative;
        display: table-cell;
        width: 55px;
        height: 36px;
        text-align: center;
        top:12px;
        font-size:20px;

    }

    .main-menu:hover, nav.main-menu.expanded {
        width:250px;
        overflow:hidden;
        opacity:1;

    }

    .main-menu {
        background:#F7F7F7;
        position:absolute;
        top:0;
        bottom:0;
        height:100%;
        left:0;
        width:55px;
        overflow:hidden;
        -webkit-transition:width .2s linear;
        transition:width .2s linear;
        -webkit-transform:translateZ(0) scale(1,1);
        box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
        opacity:1;
    }

    .main-menu>ul {
        margin:7px 0;

    }

    .main-menu li {
        position:relative;
        display:block;
        width:250px;
    }

    .main-menu li>a {
        position:relative;
        width:255px;
        display:table;
        border-collapse:collapse;
        border-spacing:0;
        color:#8a8a8a;
        font-size: 13px;
        text-decoration:none;
        -webkit-transform:translateZ(0) scale(1,1);
        -webkit-transition:all .14s linear;
        transition:all .14s linear;
        font-family: 'Strait', sans-serif;
        border-top:1px solid #f2f2f2;

        text-shadow: 1px 1px 1px  #fff;
    }

    .main-menu .nav-icon {
        position:relative;
        display:table-cell;
        width:55px;
        height:36px;
        text-align:center;
        vertical-align:middle;
        font-size:18px;

    }

    .main-menu .nav-text  {
        position:relative;
        display:table-cell;
        vertical-align:middle;
        width:190px;
        font-family: 'Titillium Web', sans-serif;
    }

    .main-menu .share {
    }

    .main-menu .fb-like {
        left: 180px;
        position:absolute;
        top: 15px;
    }

    .main-menu>ul.logout {
        position:absolute;
        left:0;
        bottom:0;
    }

    .no-touch .scrollable.hover {
        overflow-y:hidden;
    }

    .no-touch .scrollable.hover:hover {
        overflow-y:auto;
        overflow:visible;
    }

    /* Logo Hover Property */
    .settings:hover, settings:focus {
        background:url( https://s17.postimg.org/74cl7s05b/logo_hover.jpg);
        -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
        -moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
        -o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
        transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
    }
    .settings:active, settings:focus {
        background:url( https://s3.postimg.org/bqfooag4z/startific.jpg);
        -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
        -moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
        -o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
        transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
    }
    a:hover,a:focus {
        text-decoration:none;
        border-left:0px solid #F7F7F7;
    }

    nav {
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        -o-user-select:none;
        user-select:none;
    }

    nav ul,nav li {
        outline:0;
        margin:0;
        padding:0;
        text-transform: uppercase;
    }

    /* Darker element side menu Start*/
    .darkerli
    {
        background-color:#ededed;
        text-transform:capitalize;
    }

    .darkerlishadow
    {
        background-color:#ededed;
        text-transform:capitalize;
        -webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
        -moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
        box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
    }

    .darkerlishadowdown
    {
        background-color:#ededed;
        text-transform:capitalize;
        -webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
        -moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
        box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
    }

    /* Darker element side menu End*/
    .main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
        color:#fff;
        background-color:#00bbbb;
        text-shadow: 0px 0px 0px;
    }
    .area {
        float: left;
        background: #e2e2e2;
        width: 100%;
        height: 100%;
    }
    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 300;
        src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
    }
    </style>
    <style type="text/css">
        .at-icon{fill:#fff;border:0}
        .at-icon-wrapper{display:inline-block;overflow:hidden}
        a .at-icon-wrapper{cursor:pointer}
        .at-rounded,.at-rounded-element .at-icon-wrapper{border-radius:12%}
        .at-circular,.at-circular-element .at-icon-wrapper{border-radius:50%}
        .addthis_32x32_style .at-icon{width:2pc;height:2pc}
        .addthis_24x24_style .at-icon{width:24px;height:24px}
        .addthis_20x20_style .at-icon{width:20px;height:20px}
        .addthis_16x16_style .at-icon{width:1pc;height:1pc}
        #at16lb{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:#000;opacity:.001}
        #at_complete,#at_error,#at_share,#at_success{position:static!important}
        .at15dn{display:none
        }#at15s,#at16p,#at16p form input,#at16p label,#at16p textarea,#at_share .at_item{font-family:arial,helvetica,tahoma,verdana,sans-serif!important;font-size:9pt!important;outline-style:none;outline-width:0;line-height:1em}
        * html #at15s.mmborder{position:absolute!important}
        #at15s.mmborder{position:fixed!important;width:250px!important}
        #at15s{background:url();float:none;line-height:1em;margin:0;overflow:visible;padding:5px;text-align:left;position:absolute}
        #at15s a,#at15s span{outline:0;direction:ltr;text-transform:none}
        #at15s .at-label{margin-left:5px}
        #at15s .at-icon-wrapper{width:1pc;height:1pc;vertical-align:middle}
        #at15s .at-icon{width:1pc;height:1pc}
        .at4-icon{display:inline-block;background-repeat:no-repeat;background-position:top left;margin:0;overflow:hidden;cursor:pointer}.addthis_16x16_style .at4-icon,.addthis_default_style .at4-icon,.at4-icon,.at-16x16{width:1pc;height:1pc;line-height:1pc;background-size:1pc!important}.addthis_32x32_style .at4-icon,.at-32x32{width:2pc;height:2pc;line-height:2pc;background-size:2pc!important}.addthis_24x24_style .at4-icon,.at-24x24{width:24px;height:24px;line-height:24px;background-size:24px!important}.addthis_20x20_style .at4-icon,.at-20x20{width:20px;height:20px;line-height:20px;background-size:20px!important}.at4-icon.circular,.circular .at4-icon,.circular.aticon{border-radius:50%}.at4-icon.rounded,.rounded .at4-icon{border-radius:4px}.at4-icon-left{float:left}#at15s .at4-icon{text-indent:20px;padding:0;overflow:visible;white-space:nowrap;background-size:1pc;width:1pc;height:1pc;background-position:top left;display:inline-block;line-height:1pc}.addthis_vertical_style .at4-icon,.at4-follow-container .at4-icon{margin-right:5px}html>body #at15s{width:250px!important}#at15s.atm{background:none!important;padding:0!important;width:10pc!important}#at15s_inner{background:#fff;border:1px solid #fff;margin:0}#at15s_head{position:relative;background:#f2f2f2;padding:4px;cursor:default;border-bottom:1px solid #e5e5e5}.at15s_head_success{background:#cafd99!important;border-bottom:1px solid #a9d582!important}.at15s_head_success a,.at15s_head_success span{color:#000!important;text-decoration:none}#at15s_brand,#at15sptx,#at16_brand{position:absolute}#at15s_brand{top:4px;right:4px}.at15s_brandx{right:20px!important}a#at15sptx{top:4px;right:4px;text-decoration:none;color:#4c4c4c;font-weight:700}#at15sptx:hover{text-decoration:underline}#at16_brand{top:5px;right:30px;cursor:default}#at_hover{padding:4px}#at_hover .at_item,#at_share .at_item{background:#fff!important;float:left!important;color:#4c4c4c!important}#at_share .at_item .at-icon-wrapper{margin-right:5px}#at_hover .at_bold{font-weight:700;color:#000!important}#at_hover .at_item{width:7pc!important;padding:2px 3px!important;margin:1px;text-decoration:none!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover{margin:0!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover,#at_share .at_item.athov,#at_share .at_item:hover{background:#f2f2f2!important;border:1px solid #e5e5e5;color:#000!important;text-decoration:none}.ipad #at_hover .at_item:focus{background:#fff!important;border:1px solid #fff}.at15t{display:block!important;height:1pc!important;line-height:1pc!important;padding-left:20px!important;background-position:0 0;text-align:left}.addthis_button,.at15t{cursor:pointer}.addthis_toolbox a.at300b,.addthis_toolbox a.at300m{width:auto}.addthis_toolbox a{margin-bottom:5px;line-height:initial}.addthis_toolbox.addthis_vertical_style{width:200px}.addthis_button_facebook_like .fb_iframe_widget{line-height:100%}.addthis_button_facebook_like iframe.fb_iframe_widget_lift{max-width:none}.addthis_toolbox a.addthis_button_counter,.addthis_toolbox a.addthis_button_facebook_like,.addthis_toolbox a.addthis_button_facebook_send,.addthis_toolbox a.addthis_button_facebook_share,.addthis_toolbox a.addthis_button_foursquare,.addthis_toolbox a.addthis_button_google_plusone,.addthis_toolbox a.addthis_button_linkedin_counter,.addthis_toolbox a.addthis_button_pinterest_pinit,.addthis_toolbox a.addthis_button_stumbleupon_badge,.addthis_toolbox a.addthis_button_tweet{display:inline-block}.at-share-tbx-element .google_plusone_iframe_widget>span>div{vertical-align:top!important}.addthis_toolbox span.addthis_follow_label{display:none}.addthis_toolbox.addthis_vertical_style span.addthis_follow_label{display:block;white-space:nowrap}.addthis_toolbox.addthis_vertical_style a{display:block}.addthis_toolbox.addthis_vertical_style.addthis_32x32_style a{line-height:2pc;height:2pc}.addthis_toolbox.addthis_vertical_style .at300bs{margin-right:4px;float:left}.addthis_toolbox.addthis_20x20_style span{line-height:20px}.addthis_toolbox.addthis_32x32_style span{line-height:2pc}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact,.addthis_toolbox.addthis_pill_combo_style a{float:left}.addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet{margin-top:-2px}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact{margin-right:4px}.addthis_default_style .addthis_separator{margin:0 5px;display:inline}div.atclear{clear:both}.addthis_default_style .addthis_separator,.addthis_default_style .at4-icon,.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300bs,.addthis_default_style .at300m{float:left}.at300b img,.at300bo img{border:0}a.at300b .at4-icon,a.at300m .at4-icon{display:block}.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300m{padding:0 2px}.at300b,.at300bo,.at300bs,.at300m{cursor:pointer}.addthis_button_facebook_like.at300b:hover,.addthis_button_facebook_like.at300bs:hover,.addthis_button_facebook_send.at300b:hover,.addthis_button_facebook_send.at300bs:hover{opacity:1}.addthis_20x20_style .at15t,.addthis_20x20_style .at300bs{overflow:hidden;display:block;height:20px!important;width:20px!important;line-height:20px!important}.addthis_32x32_style .at15t,.addthis_32x32_style .at300bs{overflow:hidden;display:block;height:2pc!important;width:2pc!important;line-height:2pc!important}.at300bs{overflow:hidden;display:block;background-position:0 0;height:1pc;width:1pc;line-height:1pc!important}.addthis_default_style .at15t_compact,.addthis_default_style .at15t_expanded{margin-right:4px}#at_share .at_item{width:123px!important;padding:4px;margin-right:2px;border:1px solid #fff}#at16p{background:url();z-index:10000001;position:absolute;top:50%;left:50%;width:300px;padding:10px;margin:0 auto;margin-top:-185px;margin-left:-155px;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#5e5e5e}#at_share{margin:0;padding:0}#at16pt{position:relative;background:#f2f2f2;height:13px;padding:5px 10px}#at16pt a,#at16pt h4{font-weight:700}#at16pt h4{display:inline;margin:0;padding:0;font-size:9pt;color:#4c4c4c;cursor:default}#at16pt a{position:absolute;top:5px;right:10px;color:#4c4c4c;text-decoration:none;padding:2px}#at15sptx:focus,#at16pt a:focus{outline:thin dotted}#at15s #at16pf a{top:1px}#_atssh{width:1px!important;height:1px!important;border:0!important}.atm{width:10pc!important;padding:0;margin:0;line-height:9pt;letter-spacing:normal;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#444;background:url();padding:4px}.atm-f{text-align:right;border-top:1px solid #ddd;padding:5px 8px}.atm-i{background:#fff;border:1px solid #d5d6d6;padding:0;margin:0;box-shadow:1px 1px 5px rgba(0,0,0,.15)}.atm-s{margin:0!important;padding:0!important}.atm-s a:focus{border:transparent;outline:0;-webkit-transition:none;transition:none}#at_hover.atm-s a,.atm-s a{display:block;text-decoration:none;padding:4px 10px;color:#235dab!important;font-weight:400;font-style:normal;-webkit-transition:none;transition:none}#at_hover.atm-s .at_bold{color:#235dab!important}#at_hover.atm-s a:hover,.atm-s a:hover{background:#2095f0;text-decoration:none;color:#fff!important}#at_hover.atm-s .at_bold{font-weight:700}#at_hover.atm-s a:hover .at_bold{color:#fff!important}.atm-s a .at-label{vertical-align:middle;margin-left:5px;direction:ltr}.at_PinItButton{display:block;width:40px;height:20px;padding:0;margin:0;background-image:url(//s7.addthis.com/static/t00/pinit00.png);background-repeat:no-repeat}.at_PinItButton:hover{background-position:0 -20px}.addthis_toolbox .addthis_button_pinterest_pinit{position:relative}.at-share-tbx-element .fb_iframe_widget span{vertical-align:baseline!important}#at16pf{height:auto;text-align:right;padding:4px 8px}.at-privacy-info{position:absolute;left:7px;bottom:7px;cursor:pointer;text-decoration:none;font-family:helvetica,arial,sans-serif;font-size:10px;line-height:9pt;letter-spacing:.2px;color:#666}.at-privacy-info:hover{color:#000}.body .wsb-social-share .wsb-social-share-button-vert{padding-top:0;padding-bottom:0}.body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button{padding-top:40px}.body .wsb-social-share.addthis_counter_style .addthis_button_google_plusone.wsb-social-share-button{padding-top:0}.body .wsb-social-share.addthis_counter_style .addthis_button_facebook_like.wsb-social-share-button{padding-top:21px}@media print{#at4-follow,#at4-share,#at4-thankyou,#at4-whatsnext,#at4m-mobile,#at15s,.at4,.at4-recommended{display:none!important}}@media screen and (max-width:400px){.at4win{width:100%}}@media screen and (max-height:700px) and (max-width:400px){.at4-thankyou-inner .at4-recommended-container{height:122px;overflow:hidden}.at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child{border-bottom:1px solid #c5c5c5}}</style><style type="text/css">.at-branding-logo{font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:10px;display:inline-block;margin:2px 0;letter-spacing:.2px}.at-branding-logo .at-branding-icon{background-image:url("")}.at-branding-logo .at-branding-icon,.at-branding-logo .at-privacy-icon{display:inline-block;height:10px;width:10px;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat}.at-branding-logo .at-privacy-icon{background-image:url("")}.at-branding-logo span{text-decoration:none}.at-branding-logo .at-branding-addthis,.at-branding-logo .at-branding-powered-by{color:#666}.at-branding-logo .at-branding-addthis:hover{color:#333}.at-cv-with-image .at-branding-addthis,.at-cv-with-image .at-branding-addthis:hover{color:#fff}a.at-branding-logo:visited{color:initial}.at-branding-info{display:inline-block;padding:0 5px;color:#666;border:1px solid #666;border-radius:50%;font-size:10px;line-height:9pt;opacity:.7;transition:all .3s ease;text-decoration:none}.at-branding-info span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.at-branding-info:before{content:'i';font-family:Times New Roman}.at-branding-info:hover{color:#0780df;border-color:#0780df}</style><style type="text/css"></style></head><body>





<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="=&quot;IE=edge&quot;/">
<meta name="google" value="notranslate">
<title>Side Menu</title>

<link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">




<nav class="main-menu">
    <div>
        <a class="logo" href="http://startific.com">
        </a>
    </div>
    <div class="settings"></div>
    <div class="scrollbar" id="style-1">
        <ul>
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-home fa-lg"></i>
                    <span class="nav-text">Home</span>
                </a>
            </li>
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-user fa-lg"></i>
                    <span class="nav-text">Login</span>
                </a>
            </li>
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-envelope-o fa-lg"></i>
                    <span class="nav-text">Contact</span>
                </a>
            </li>
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-heart-o fa-lg"></i>
                    <span class="share">
                    </span>
                </a>
                <div class="addthis_default_style addthis_32x32_style">
                    <a href="http://startific.com"></a>
                    <div style="position:absolute;margin-left: 56px;top:3px;">
                        <a href="http://startific.com"></a>
                        <a href="https://www.facebook.com/sharer/sharer.php?u=" target="_blank" class="share-popup"><img src="http://icons.iconarchive.com/icons/danleech/simple/512/facebook-icon.png" width="30px" height="30px"></a>
                        <a href="https://twitter.com/share" target="_blank" class="share-popup"><img src="https://cdn1.iconfinder.com/data/icons/metro-ui-dock-icon-set--icons-by-dakirby/512/Twitter_alt.png" width="30px" height="30px"></a>
                        <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=_URL_&amp;title=_TITLE_" target="_blank" class="share-popup"><img src="http://icons.iconarchive.com/icons/danleech/simple/512/google-plus-icon.png" width="30px" height="30px"></a>
                    </div>
                <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
                <!--<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4ff17589278d8b3a"></script>-->

                <span class="twitter"></span>
                <span class="google"></span>
                <span class="fb-like">
                <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fstartific&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35" scrolling="no" style="border:none; overflow:hidden; height:35px;" allowtransparency="true" frameborder="0"></iframe>

                        </span>
                <span class="nav-text">
                        </span>
            </div></li>

            <li class="darkerlishadow">
                <a href="http://startific.com">
                    <i class="fa fa-clock-o fa-lg"></i>
                    <span class="nav-text">News</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-desktop fa-lg"></i>
                    <span class="nav-text">Technology</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-plane fa-lg"></i>
                    <span class="nav-text">Travel</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-shopping-cart"></i>
                    <span class="nav-text">Shopping</span>
                </a>
            </li>

            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-microphone fa-lg"></i>
                    <span class="nav-text">Film &amp; Music</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-flask fa-lg"></i>
                    <span class="nav-text">Web Tools</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-picture-o fa-lg"></i>
                    <span class="nav-text">Art &amp; Design</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-align-left fa-lg"></i>
                    <span class="nav-text">Magazines
                    </span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-gamepad fa-lg"></i>
                    <span class="nav-text">Games</span>
                </a>
            </li>
            <li class="darkerli">
                <a href="http://startific.com">
                    <i class="fa fa-glass fa-lg"></i>
                    <span class="nav-text">Life &amp; Style
                    </span>
                </a>
            </li>
            <li class="darkerlishadowdown">
                <a href="http://startific.com">
                    <i class="fa fa-rocket fa-lg"></i>
                    <span class="nav-text">Fun</span>
                </a>
            </li>
        </ul>
        <li>
            <a href="http://startific.com">
                <i class="fa fa-question-circle fa-lg"></i>
                <span class="nav-text">Help</span>
            </a>
        </li>
        <ul class="logout">
            <li>
                <a href="http://startific.com">
                    <i class="fa fa-lightbulb-o fa-lg"></i>
                    <span class="nav-text">
                            BLOG
                    </span>
                </a>
            </li>
        </ul>
    </div>
</nav>

<div style="visibility: hidden; height: 1px; width: 1px; position: absolute; top: -9999px; z-index: 100000;" id="_atssh">
    <iframe id="_atssh593" title="AddThis utility frame" style="height: 1px; width: 1px; position: absolute; top: 0px; z-index: 100000; border: 0px none; left: 0px;" src="https://s7.addthis.com/static/sh.886bb8b2fb82aeab6a228151.html#rand=0.09098472652166056&amp;iit=1503730811993&amp;tmr=load%3D1503730811924%26core%3D1503730811954%26main%3D1503730811984%26ifr%3D1503730811998&amp;cb=0&amp;cdn=0&amp;md=0&amp;kw=&amp;ab=-&amp;dh=s.codepen.io&amp;dr=https%3A%2F%2Fcodepen.io%2FEduardL%2Fpen%2FaBGAy%3Flimit%3Dall%26page%3D2%26q%3Dcss&amp;du=https%3A%2F%2Fcodepen.io%2FEduardL%2Fpen%2FaBGAy%3Flimit%3Dall%26page%3D2%26q%3Dcss&amp;href=https%3A%2F%2Fs.codepen.io%2Fboomerang%2FiFrameKey-883a03b2-3284-a274-7827-2fd073bfadda%2Findex.html&amp;dt=Side%20Menu&amp;dbg=0&amp;cap=tc%3D0%26ab%3D1&amp;inst=1&amp;jsl=0&amp;prod=undefined&amp;lng=zh&amp;ogt=&amp;pc=men&amp;pub=ra-4ff17589278d8b3a&amp;ssl=1&amp;sid=59a11c7bb46beded&amp;srf=0.01&amp;ver=300&amp;xck=0&amp;xtr=0&amp;og=&amp;csi=undefined&amp;rev=v7.15.5-wp&amp;ct=1&amp;xld=1&amp;xd=1&amp;fcu=WaEce9G-tPY"></iframe>
</div>
</body>
</html>